<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/asset.css" />
<link type="text/css" rel="stylesheet" href="css/admin.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
<link rel="stylesheet" href="css/jiaxiang.css">
<style type="text/css">
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 45% 10px 10px;
}
</style>
<style>
</style>
<script type="text/javascript">
	function showform() {
		document.getElementById('piliangform').style.display = '';
		document.getElementById('usermassage').style.display = 'none';
	}
	function hideform() {
		document.getElementById('piliangform').style.display = 'none';
		document.getElementById('usermassage').style.display = '';
	}
</script>
</head>
<body>
	<div class="container">
		<header class="header">
			<div class="logo-div">
				<strong>浙江工商大学</strong>档案管理系统
			</div>
			<div class="operate-div">
				<ul class="operate-ul1">
					<li class="drop-down-li" onclick="showdropdown()"><span
						class="present-li"><span class="am-icon-users"></span>管理员<span
							class="am-icon-caret-down"></span></span>
						<ul class="am-dropdown-content">
							<li><a href="manager71"><span class="am-icon-cog"></span>
									设置</a></li>
							<li><a href="#"><span class="am-icon-power-off"></span>
									退出</a></li>
						</ul></li>
					<li class="fullscreen" onclick="fullscreen()"><span
						class="am-icon-arrows-alt"></span> 开启全屏</li>
					<li class="exitfullscreen" onclick="exitFullscreen()"><span
						class="am-icon-arrows-alt"></span> 关闭全屏</li>
				</ul>
			</div>
		</header>
		<div class="main">
			<div class="admin-sidebar">
				<ul class="am-list">
					<li><a href="manager10"><span class="am-icon-envelope"
							style="margin-right: 10px;font-size: 15px;"></span>档案展示</a></li>
					<li><a href="manager55"><span class="am-icon-envelope"
							style="margin-right: 10px;font-size: 15px;"></span>档案检索</a></li>
					<li><a href="manager30"><span class="am-icon-plus"
							style="margin-right: 10px;font-size: 15px;"></span>档案资料上传</a></li>
					<li><a href="manager40"><span class="am-icon-eye"
							style="margin-right: 10px;font-size: 15px;"></span>档案统计分析</a></li>
					<li><a href="manager50"><span class="am-icon-comments-o"
							style="margin-right: 10px;font-size: 18px;"></span>管理员</a></li>
				</ul>
			</div>
			<div class="right-title">
				<strong>管理员</strong> /
				<div class="dropdown">
					<span class="dropbtn">用户管理</span>
					<div class="dropdown-content">
						<a href="manager50">用户信息</a> <a href="manager52">添加用户</a>
					</div>
				</div>
				<div class="dropdown">
					<span class="dropbtn">标签管理</span>
					<div class="dropdown-content">
						<a href="manager53">标签列表</a>
					</div>
				</div>
				<div class="dropdown">
					<span class="dropbtn">档案管理</span>
					<div class="dropdown-content">
						<a href="manager55">档案列表</a> <a href="manager56">档案导入</a>
					</div>
				</div>
				/ <small>用户添加</small>
			</div>
			<div id="usermassage" class="content"
				style="overflow: hidden;margin-left:300px;"
				style="position: relative;">
				<form class="am-form am-form-horizontal" id="userAddOne">
					<div class="modal-content">
						<div class="modal-content-1"
							style="position: absolute;top:188px;left:330px;">
							<div class="form-list" style="border-bottom: none;">
								<label for="doc-ipt-3-a" class="form-label">姓名:</label> <input
									type="text" class="input-text" name="user.name"
									style="display: inline-block;width: 310px" placeholder="输入姓名">
							</div>
							<div class="form-list">
								<label for="doc-ipt-3-a" class="form-label">手机:</label> <input
									type="text" class="input-text" name="user.phone"
									style="display: inline-block;width: 310px" placeholder="输入手机号">
							</div>
							<div class="form-list">
								<label for="doc-ipt-3-a" class="form-label">办公地址:</label> <input
									type="text" class="input-text" name="user.office"
									style="display: inline-block;width: 310px" placeholder="输入办公地址">
							</div>
							<div class="form-list">
								<label for="doc-ipt-3-a" class="form-label">部门:</label> <input
									type="text" class="input-text" name="user.part"
									style="display: inline-block;width: 310px" placeholder="输入部门">
							</div>
							<br />
							<div class="form-list">
								<label for="doc-ipt-3-a" class="form-label"></label> <input
									type="reset" value="重置" class="am-btn"
									style="display: inline-block;width: 310px">
							</div>
						</div>
						<div class="modal-content-r"
							style="height: 400px;position: absolute;top:188px;left:750px;">
							<div class="form-group" style="border-bottom: none;">
								<div class="form-list">
									<label for="doc-ipt-3-a" class="form-label">职工编号:</label> <input
										type="text" class="input-text" name="user.employeenumber"
										style="display: inline-block;width: 310px"
										placeholder="输入职工编号">
								</div>
								<div class="form-list">
									<label for="doc-ipt-3-a" class="form-label">邮箱:</label> <input
										type="text" class="input-text" name="user.email"
										style="display: inline-block;width: 310px" placeholder="输入邮箱">
								</div>
								<div class="form-list">
									<label for="doc-ipt-3-a" class="form-label">住址:</label> <input
										type="text" class="input-text" name="user.address"
										style="display: inline-block;width: 310px" placeholder="输入住址">
								</div>
								<div class="form-list" style="visibility:hidden;">
									<label for="doc-ipt-3-a" class="form-label">占位</label> <input
										type="number" class="input-text"
										style="display: inline-block;width: 310px" readonly>
								</div>
								<!-- <br/><br/> -->
								<br />
								<div class="form-list">
									<label for="doc-ipt-3-a" class="form-label"></label> <input
										type="button" class="am-btn am-btn-primary"
										style="display: inline-block;width: 310px" value="提交" onclick="userAdd()">
								</div>
								<div class="form-list"
									style="margin-top: 30px;margin-left: 295px">
									<input type="button" class="am-btn am-btn-primary"
										style="display: inline-block;width: 100px" value="批量导入"
										onclick="showform();">
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
			<!-- hidden -->
			<form id="piliangform" class="am-form am-form-horizontal"
				enctype="multipart/form-data"
				style="display:none;position:absolute;left:520px; top:140px;margin:auto">
				<div class="modal-content">
					<div class="modal-content-l">
						<div class="form-group">
							<label class="form-label" style="width:120px">用户批量导入:</label>
							<div class="form-list">
								<label class="form-label">文件：</label> <input type="text"
									id="txt" name="txt" class="input-text" value=""
									style="display: inline-block;width: 230px"
									placeholder="上传后缀名为.xls的文件" disabled /><input type="button"
									value="选择文件" onClick="f.click()" class="am-btn am-btn-primary"
									style=""> <input type="file" id="f"
									onChange="txt.value=this.value" name="img"
									style="display: none" class="input-text" size="1" hidefocus>
							</div>
							<br />
							<div class="form-list">
								<label for="doc-ipt-3-a" class="form-label"></label> <input
									type="submit" value="提交" class="am-btn am-btn-primary"
									style="display: inline-block;width: 150px"
									onclick="return batchImport();"> <input type="button"
									class="am-btn am-btn-primary" value="返回"
									style="display: inline-block;width: 150px"
									onclick="hideform();">
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/pmailbox.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
	<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
	<script type="text/javascript" src="js/jquery-ui-timepicker-zh-CN.js"></script>
	<script type="text/javascript" src="js/js_yuanjian/manager52.js"></script>

	<script type="text/javascript">
		$("input[name='act_start_time'],input[name='act_stop_time']")
				.datetimepicker();
	</script>
</body>
</html>